<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <canvas id="canvas" width="400" height="400"> 此浏览器不支持canvas </canvas>
  </body>
</html>
<script>
  const ctx = document.getElementById('canvas')
  const gl = ctx.getContext('webgl')
  //   1.0:RED 0.0GREEN 0.0BIUE alpha 1.0
  gl.clearColor(1.0, 0.0, 0.0, 1.0)
  gl.clear(gl.COLOR_BUFFER_BIT)
  //   是用于清除指定的缓冲区
  //   清空深度缓冲区，可以使用 gl.clear(gl.DEPTH_BUFFER_BIT)
  //   清空模板缓冲区，可以使用 gl.clear(gl.STENCIL_BUFFER_BIT)
  // 着色器，千变万化，让开发者自己写一段程序
  // 定点着色器：
  //
</script>
